<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>充值记录</title>
    <script src="js/flexible.js"></script>
    <link rel="stylesheet" href="css/flexible.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/vue/vue.js"></script>
    <script src="js/vue/axios.js"></script>
    <script src="js/vue/MD5.js"></script>
</head>
<body>
<div id="app">
<div v-if="list.length>0">
<div class="sign_record_list" v-for="item in list">
    <div class="sign_r_tops clearfix">
        <span class="fl">{{item.Adddate}}</span>
        <span class="fr">操作人：{{item.Sname}}</span>
    </div>
    <div class="sign_r_bottom clearfix">
        <div class="l">
            <div class="tb">
                <div class="name">充值{{item.Surplus_C}}数</div>
                <div class="value">{{item.Recharge}} {{item.Surplus_C}}</div>
                <div class="clear"></div>
            </div>
            <div class="tb">
                <div class="name">实收金额</div>
                <div class="value">{{item.Acamount}} 元</div>
                <div class="clear"></div>
            </div>
            <div class="tb">
                <div class="name">账户余额</div>
                <div class="value">{{item.Balance}} {{item.Surplus_C}}</div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</div>
</div>
<div class="notDate" v-else>
    <img src="images/notDate.jpg"/>
</div>
</div>

</body>
<script>
new Vue({
    el: '#app',
    data: {
        cid:'',
        list:[]
    },
    created(){
        this.setCanS()
    },
    methods:{
         //设置参数
         setCanS(){
            let Request = new Object()
            Request = GetRequest()
            this.cid = Request['cid']
            
            this.getlists()
        },
        getlists(){
            const params={
                cid:this.cid
            }
            //console.log(params)
            getVs()
            axios.get('/mobileapi/member/user_info.php?act=card_recharge',{params:params}).then(data =>{
                console.log(data.data)
                let { msg, code,user} = data.data
                    if (code !== 200) {
                        _this.$message({
                            message: msg,
                            type: 'error'
                        });
                    } else {
                        data=data.data
                        this.list=data.data.list
                        console.log(this.list)
                    }
                }).catch(function (error) { 
                    console.log(error); 
            });
        },
    }
})
</script>
</html>